<template>
	<!-- 核素设置 -->
	<div class="page-wrap">
		<div class="page-content p-0">
			<div class="page-column p-0">
				<div class="page-form p-x-0">
					<el-form
						:model="ruleForm"
						:rules="rules"
						label-position="left"
						label-width="154px"
						ref="form"
						label-suffix="："
					>
						<el-row>
							<el-col :span="24">
								<div class="my_title p-b-20">核素基本设置</div>
								<el-form-item label="选择核素" prop="name">
									<div>
										<el-button type="primary" size="small" @click="select">
											<img
												:style="{
													width: '12px',
													height: '12px'
												}"
												src="/img/basic/check.png"
												alt
											/>
											&nbsp;核素选择
										</el-button>

										<el-button type="primary" size="small" @click="exportExcel">
											<img
												:style="{
													width: '12px',
													height: '12px'
												}"
												src="/img/basic/daochu.png"
												alt
											/>
											&nbsp;导出
										</el-button>
										<el-button type="primary" size="small" @click="daoru">
											<img
												:style="{
													width: '12px',
													height: '12px'
												}"
												src="/img/basic/daoru.png"
												alt
											/>
											&nbsp;导入
										</el-button>
										<input
											ref="file"
											id="img-upload"
											class="selectFile"
											type="file"
											@change="importf(this)"
											accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
										/>
									</div>
								</el-form-item>
								<el-form-item label prop="name"></el-form-item>
								<div class='yun-row'>
									<div class='yun-col-12'>
									<el-table
										ref="multipleTable"
										:data="ruleForm.allNuclide.slice(0,Math.ceil(ruleForm.allNuclide.length/2))"
										tooltip-effect="dark"
										border
										id="out-table"
									>
										<el-table-column label="核素名称" align="center" prop="ISOTPGRP_NAM" min-width="120"></el-table-column>
										<el-table-column prop="ISOTPGRP_GRP" label="核素组别" align="center" min-width="120"></el-table-column>
										<el-table-column prop="RDCORINV_COR" label="堆芯积存量（bg）" min-width="120" align="center">
											<template slot-scope="scope">
												<el-form-item
													label-width="0px"
													:prop="'allNuclide.'+scope.$index+'.RDCORINV_COR'"
													:rules="rules.RDCORINV_COR"
												>
													<el-input
														oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,20})?).*$/g, '$1')"
														class="bigForm"
														v-model="scope.row.RDCORINV_COR"
													></el-input>
												</el-form-item>
											</template>
										</el-table-column>
										<el-table-column fixed="right" label="操作" width="100" align="center">
											<template slot-scope="scope">
												<el-button
													type="text"
													:style="{
															'min-width': '40px',
															'font-size': '20px'
														}"
													icon="el-icon-delete"
													@click="delRow(scope.row)"
												></el-button>
											</template>
										</el-table-column>
									</el-table>
									</div>
									<div class='yun-col-12'>
									<el-table
										ref="multipleTable"
										:data="ruleForm.allNuclide.slice(Math.ceil(ruleForm.allNuclide.length/2))"
										tooltip-effect="dark"
										border
										id="out-table"
									>
										<el-table-column label="核素名称" align="center" prop="ISOTPGRP_NAM" min-width="120"></el-table-column>
										<el-table-column prop="ISOTPGRP_GRP" label="核素组别" align="center" min-width="120"></el-table-column>
										<el-table-column prop="RDCORINV_COR" label="堆芯积存量（bg）" min-width="120" align="center">
											<template slot-scope="scope">
												<el-form-item
													label-width="0px"
													:prop="'allNuclide.'+scope.$index+'.RDCORINV_COR'"
													:rules="rules.RDCORINV_COR"
												>
													<el-input
														oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,20})?).*$/g, '$1')"
														class="bigForm"
														v-model="scope.row.RDCORINV_COR"
													></el-input>
												</el-form-item>
											</template>
										</el-table-column>
										<el-table-column fixed="right" label="操作" width="100" align="center">
											<template slot-scope="scope">
												<el-button
													type="text"
													:style="{
															'min-width': '40px',
															'font-size': '20px'
														}"
													icon="el-icon-delete"
													@click="delRow(scope.row)"
												></el-button>
											</template>
										</el-table-column>
									</el-table>
									</div>
								</div>
								
							</el-col>
						</el-row>
						<div class="separate m-b-20"></div>
						<el-row>
							<el-col :span="24">
								<div class="my_title m-b-20">核素分组设置</div>

								<el-table ref="multipleTable" :data="ruleForm.groupNuclide" tooltip-effect="dark" border>
									<el-table-column label="核素分组" prop="ISMAXGRP001" align="center" min-width="120"></el-table-column>
									<el-table-column prop="ISDEPFLA_DRY" label="是否干沉降" align="center" min-width="120">
										<template slot-scope="scope">
											<el-form-item
												label-width="0px"
												:prop="'groupNuclide.'+scope.$index+'.ISDEPFLA_DRY'"
												:rules="rules.ISDEPFLA_DRY"
											>
												<select-para
													class="bigForm"
													style="width:100%"
													size="medium"
													v-model="
														scope.row.ISDEPFLA_DRY
													"
													:label.sync="
														scope.row.ISDEPFLA_DRY
													"
													:options="options"
												></select-para>
											</el-form-item>
										</template>
									</el-table-column>
									<el-table-column prop="ISDEPFLA_WET" label="是否湿沉降" min-width="120" align="center">
										<template slot-scope="scope">
											<el-form-item
												label-width="0px"
												:prop="'groupNuclide.'+scope.$index+'.ISDEPFLA_WET'"
												:rules="rules.ISDEPFLA_WET"
											>
												<select-para
													style="width:100%"
													class="bigForm"
													size="bigFrom"
													v-model="
														scope.row.ISDEPFLA_WET
													"
													:label.sync="
														scope.row.ISDEPFLA_WET
													"
													:options="options"
												></select-para>
											</el-form-item>
										</template>
									</el-table-column>
								</el-table>
							</el-col>
						</el-row>
						<div class="separate"></div>
						<el-row>
							<el-col :span="12">
								<div class="my_title m-b-20">核素通用设置</div>
								<el-form-item label="堆芯积存量比例因子" prop="RDCORSCA001">
									<el-input
										size="medium"
										class="mediumForm"
										oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,20})?).*$/g, '$1')"
										v-model="ruleForm.RDCORSCA001"
									></el-input>
								</el-form-item>
								<el-form-item label="衰变子核释放份额" prop="RDAPLFRC001">
									<select-para
										style="width:100%"
										size="medium"
										v-model="ruleForm.RDAPLFRC001"
										:label.sync="ruleForm.RDAPLFRC001"
										:options="RDAPLFRCoptions"
									></select-para>
								</el-form-item>
							</el-col>
						</el-row>
					</el-form>
				</div>
				<el-dialog title="核素选择" :visible.sync="dialogVisible" append-to-body>
					<div class="hsList">
						<div>
							<el-form :model="ruleForm" ref="form">
								<el-form-item label-width="0px" prop="searchHeSu">
									<el-input
										class="m-r-12 search-input mediumFrom"
										size="mini"
										placeholder="请输入搜索内容"
										clearable
										v-model="ruleForm.searchHeSu"
									>
										<el-button slot="append" icon="el-icon-search" @click="clickQuery"></el-button>
									</el-input>
								</el-form-item>
							</el-form>
							<span
								class="hesuitem"
								v-for="(item, index) in showList"
								:label="item"
								:key="index"
								@click="changeCheck(item)"
							>
								<i :style="{'margin-right':'10px'}" class="el-icon-circle-plus-outline"></i>
								{{ item.hesu_name }}
							</span>
							<el-pagination
								small
								@current-change="currentChange"
								:page-size="this.pageSize"
								layout="prev, pager, next"
								:page-count="this.pagetotal"
								:style="{ margin: '20px 0px 0px' }"
							></el-pagination>
						</div>
						<div>
							<span
								class="hesuitem"
								v-for="(item, index) in checkList"
								:label="item"
								:key="index"
								@click="delcheck(index)"
							>
								<i :style="{'margin-right':'10px'}" class="el-icon-remove-outline"></i>
								{{ item.hesu_name }}
							</span>
						</div>
					</div>
					<div slot="footer" class="dialog-footer">
						<el-button @click="dialogVisible = false">取 消</el-button>
						<el-button type="primary" @click="addhs()">确 定</el-button>
					</div>
				</el-dialog>
				<div class="bottom-btn">
					<el-button type="primary" :loading="loading" @click="submitFun">下一步</el-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import selectPara from "@/components/selectPara"
import commCheckbox from "@/components/commCheckbox"
import ImageCropper from "@/components/ImageCropper"
import FixBottomButton from "@/components/FixBottomButton"
import ueditor from "@/components/ueditor"
import textLength from "@/components/common/comp/textLength"
import { commPara } from "@/mixins/mixins"
import { mapState } from "vuex"
import { v27101012, v001020, selecttext } from "@/utils/verify.js"

//导出
import FileSaver from "file-saver"
import XLSX from "xlsx"

import {
	HS_GET_PAGENUMBER,
	HS_GET_PAGENUMBER_BYNAME,
	HS_GET_INFOS,
	HS_GET_INFOS_BYNAME,
	BATCH_SUBMIT,
	HS_GET_INFOS_BYNAMES
} from "@/service/hd5.js"

export default {
	name: "aboutUs",
	props: {
		batchid: String,
	},
	mixins: [commPara],
	components: {
		selectPara,
		ImageCropper,
		textLength,
		commCheckbox,
		FixBottomButton,
		ueditor,
	},

	data() {
		return {
			activeTab: "3",
			pagetotal: "10",
			pageSize: 20,
			showList: [],
			checkList: [],

			multipleSelection: [],
			dialogVisible: false,
			ruleForm: {
				RDCORSCA001: 0.715,
				RDAPLFRC001: "PARENT",
				allNuclide: [],
				groupNuclide: [],
				searchHeSu: "",
			},
			rules: {
				RDCORSCA001: [
					{
						validator: v27101012,
						trigger: ["change", "blur"],
					},
				],
				RDAPLFRC001: [
					{
						validator: selecttext,
						trigger: ["change", "blur"],
					},
				],
				RDCORINV_COR: [
					{
						validator: v001020,
						trigger: ["change", "blur"],
					},
				],
				ISDEPFLA_DRY: [
					{
						validator: selecttext,
						trigger: ["change", "blur"],
					},
				],
				ISDEPFLA_WET: [
					{
						validator: selecttext,
						trigger: ["change", "blur"],
					},
				],
			},
			options: [
				{
					label: "TRUE",
					value: "TRUE",
				},
				{
					label: "FALSE",
					value: "FALSE",
				},
			],
			RDAPLFRCoptions: [
				{
					label: "PARENT",
					value: "PARENT",
				},
				{
					label: "PROGENY",
					value: "PROGENY",
				},
			],

			loading: false,
		}
	},
	computed: {
		...mapState({
			basic_Data: (state) => state.token.basic_Data,
		}),
	},
	created() {
		this.queryDetail()
	},
	mounted() {
		this.setData()
	},
	methods: {
		setData() {
			this.ruleForm.RDCORSCA001 = this.basic_Data.RDCORSCA001.toString()
			this.ruleForm.RDAPLFRC001 = this.basic_Data.RDAPLFRC001

			this.ruleForm.allNuclide = []
			this.basic_Data.ISOTPGRP_NAM.forEach((item, index) => { 
				this.ruleForm.allNuclide.push({
					ISOTPGRP_NAM: item,
					ISOTPGRP_GRP: this.basic_Data.ISOTPGRP_GRP[index],
					RDCORINV_COR: this.basic_Data.RDCORINV_COR[
						index
					].toString(),
				})
			})
			this.ruleForm.groupNuclide = []
			this.basic_Data.ISMAXGRP001.forEach((item, index) => { 
				this.ruleForm.groupNuclide.push({
					ISMAXGRP001: item,
					ISDEPFLA_DRY: this.basic_Data.ISDEPFLA_DRY[index],
					ISDEPFLA_WET: this.basic_Data.ISDEPFLA_WET[index],
				})
			}) 
		},
		exportExcel() {
			//导出Excel
			var that = this
			//要导出数据标题
			var arry = [["核素名称", "核素组别", "堆芯积存量"]]
			// 要导出的历史数据
			that.ruleForm.allNuclide
				.map((a) => {
					var _arry = []
					_arry.push(a.ISOTPGRP_NAM.toString())
					_arry.push(a.ISOTPGRP_GRP.toString())
					_arry.push(a.RDCORINV_COR ? a.RDCORINV_COR.toString() : "")

					return _arry
				})
				.forEach((a) => {
					arry.push(a)
				})
			/* generate workbook object from table */
			var sheetHistory = XLSX.utils.aoa_to_sheet(arry)
			var workbook = XLSX.utils.book_new()
			XLSX.utils.book_append_sheet(workbook, sheetHistory, "核素数据")
			sheetHistory["!cols"] = [{ wpx: 150 }, { wpx: 90 }, { wpx: 150 }] //单元格列宽

			try {
				var wbOut = XLSX.write(workbook, {
					bookType: "xlsx",
					bookSST: true,
					type: "array",
				})
				FileSaver.saveAs(
					new Blob([wbOut], { type: "application/octet-stream" }),
					"核素数据查询.xlsx"
				)
			} catch (e) {
				if (typeof console !== "undefined") console.log(e, wbOut)
			}
		},
		importf(obj) {
			//导入数据 
			let _this = this
			let inputDOM = this.$refs.inputer // 通过DOM取文件数据 
			this.file = event.currentTarget.files[0] 
			var rABS = false //是否将文件读取为二进制字符串
			var f = this.file
			var reader = new FileReader()
			//if (!FileReader.prototype.readAsBinaryString) {
			FileReader.prototype.readAsBinaryString = function (f) {
				var binary = ""
				var rABS = false //是否将文件读取为二进制字符串
				var pt = this
				var wb //读取完成的数据
				var outdata
				var reader = new FileReader()
				reader.onload = function (e) {
					var bytes = new Uint8Array(reader.result)
					var length = bytes.byteLength
					for (var i = 0; i < length; i++) {
						binary += String.fromCharCode(bytes[i])
					}
					var XLSX = require("xlsx")
					if (rABS) {
						wb = XLSX.read(btoa(fixdata(binary)), {
							//手动转化
							type: "base64",
						})
					} else {
						wb = XLSX.read(binary, {
							type: "binary",
						})
					}
					// outdata就是你想要的东西 excel导入的数据
					outdata = XLSX.utils.sheet_to_json(
						wb.Sheets[wb.SheetNames[0]]
					)
					// excel 数据再处理
					let arr = []
					let names = []
					outdata.map(n=>{
						names.push(n.核素名称)
					})
					let groupNames = []
					_this.$appApi.HS_GET_INFOS_BYNAMES({
						hs_names:names.join(' '),
						pagenumber:1,
						pagecount:1000}).then(res=>{
							console.log(res)
							if(res.data){
								groupNames = JSON.parse(res.data.substring(8))
								outdata.map((v) => {
									let obj = {}

									obj.ISOTPGRP_NAM = v.核素名称
									let groupName = groupNames.filter(item=>{
										if(v.核素名称 == item.hesu_name){
											return item
										}
									})
									obj.ISOTPGRP_GRP = groupName[0].hesu_group

									obj.RDCORINV_COR = v.堆芯积存量
									arr.push(obj)
								})
								
								_this.ruleForm.allNuclide = [...arr] 
								_this.ruleForm.groupNuclide = []

								_this.ruleForm.allNuclide.forEach((item) => {
									if (_this.ruleForm.groupNuclide == "") {
										_this.ruleForm.groupNuclide.push({
											ISMAXGRP001: item.ISOTPGRP_GRP,
											ISDEPFLA_DRY: "TRUE",
											ISDEPFLA_WET: "TRUE",
										})
									} else {
										let obj = _this.ruleForm.groupNuclide.find(
											(i) => i.ISMAXGRP001 == item.ISOTPGRP_GRP
										)
										if (!obj) {
											_this.ruleForm.groupNuclide.push({
												ISMAXGRP001: item.ISOTPGRP_GRP,
												ISDEPFLA_DRY: "TRUE",
												ISDEPFLA_WET: "TRUE",
											})
										}
									}
								})
							}
					})
					
				}
				reader.readAsArrayBuffer(f)
			}
			if (rABS) {
				reader.readAsArrayBuffer(f)
			} else {
				reader.readAsBinaryString(f)
			}
		},
		clickQuery() {
			this.queryDetail()
		},
		select() {
			this.dialogVisible = true
		},
		resetForm() {
			this.queryDetail()
		},

		toggleSelection(rows) {
			if (rows) {
				rows.forEach((row) => {
					this.$refs.multipleTable.toggleRowSelection(row)
				})
			} else {
				this.$refs.multipleTable.clearSelection()
			}
		},

		queryDetail() {
			// 查询分页数
			if (this.ruleForm.searchHeSu) {
				let params = {
					hs_name: this.ruleForm.searchHeSu,
					pagecount: 20,
				} 
				this.$appApi
					.HS_GET_PAGENUMBER_BYNAME(params)
					.then((res) => {
						// console.log(JSON.parse(res.data).Success )
						var str = res.data.substring(8)
						this.pagetotal = Number(str) 
						let page = 1
						this.currentChange(page)
					})
					.catch((err) => {
						console.log(err)
					})
			} else {
				let params = {
					pagecount: 20,
				}
				// console.log(params)
				this.$appApi
					.HS_GET_PAGENUMBER(params)
					.then((res) => {
						// console.log(JSON.parse(res.data).Success )
						var str = res.data.substring(8)
						this.pagetotal = Number(str)
						// console.log(str)
						let page = 1
						this.currentChange(page)
					})
					.catch((err) => {
						console.log(err)
					})
			}
		},

		submitFun() {
			this.$refs.form.validate((valid) => {
				if (valid) {
					let tempData = JSON.parse(JSON.stringify(this.basic_Data))
					// console.log(tempData)
					tempData.RDCORSCA001 = parseFloat(this.ruleForm.RDCORSCA001)
					tempData.RDAPLFRC001 = this.ruleForm.RDAPLFRC001
					tempData.ISOTPGRP_NAM = this.ruleForm.allNuclide.map(
						(item) => {
							return item.ISOTPGRP_NAM
						}
					)
					tempData.ISOTPGRP_GRP = this.ruleForm.allNuclide.map(
						(item) => {
							return item.ISOTPGRP_GRP
						}
					)
					tempData.RDCORINV_COR = this.ruleForm.allNuclide.map(
						(item) => {
							return parseFloat(item.RDCORINV_COR)
						}
					)
					tempData.ISMAXGRP001 = this.ruleForm.groupNuclide.map(
						(item) => {
							return item.ISMAXGRP001
						}
					)
					tempData.ISDEPFLA_DRY = this.ruleForm.groupNuclide.map(
						(item) => {
							return item.ISDEPFLA_DRY
								? item.ISDEPFLA_DRY
								: "TRUE"
						}
					)
					tempData.ISDEPFLA_WET = this.ruleForm.groupNuclide.map(
						(item) => {
							return item.ISDEPFLA_WET
								? item.ISDEPFLA_DRY
								: "TRUE"
						}
					)
					tempData.SETPAGEINDEX = this.activeTab
					this.$store.dispatch("upData_basic_Data", tempData)
					let params = {
						batchid: this.$props.batchid,
						batchinfo: "BASE",
						submitjson: JSON.stringify(tempData),
					}
					this.$appApi
						.BATCH_SUBMIT(params)
						.then((res) => {
							var str = res.data.substring(0, 1)
							if (str == "E") {
								let message = res.data.substring(6)
								this.$notify.error({
									title: "保存失败！",
									message: message,
									type: "success",
								})
							} else if (str == "S") {
								this.$notify({
									message: "保存成功！",
									type: "success",
								})
								this.$emit("changeActiveTab", this.activeTab)
					            this.$store.dispatch("change_basic_showTab", this.activeTab)
								if(activeTab >=9){
									this.$router.push({
										path: "/home",
									})
								}
							}
						})
						.catch((err) => {
							console.log(err)
						})
					// console.log(this.basic_Data)

					// console.log(this.activeTab)
					
				}
			})
		},

		currentChange(page) {
			if (this.ruleForm.searchHeSu) {
				let params = {
					hs_name: this.ruleForm.searchHeSu,
					pagenumber: page,
					pagecount: 20,
				}
				// console.log(params)
				this.$appApi
					.HS_GET_INFOS_BYNAME(params)
					.then((res) => {
						this.showList = []
						var str = JSON.parse(res.data.substring(8))
						this.showList = str.map((item) => {
							return {
								hesu_group: item.hesu_group,
								hesu_name: item.hesu_name,
							}
						})
						// console.log(this.showList)
					})
					.catch((err) => {
						console.log(err)
					})

				// console.log(page)
			} else {
				let params = {
					pagenumber: page,
					pagecount: 20,
				}
				// console.log(params)
				this.$appApi
					.HS_GET_INFOS(params)
					.then((res) => {
						this.showList = []
						// console.log(JSON.parse(res.data).Success )
						var str = JSON.parse(res.data.substring(8))
						// this.pagetotal = Number(str)
						this.showList = str.map((item) => {
							return {
								hesu_group: item.hesu_group,
								hesu_name: item.hesu_name,
							}
						})
						// console.log(this.showList)
					})
					.catch((err) => {
						console.log(err)
					})

				// console.log(page)
			}
		},
		addhs() {
			this.ruleForm.groupNuclide = []
			// console.log("checkList", this.checkList)
			this.ruleForm.allNuclide = this.checkList.map((item) => {
				if (this.ruleForm.groupNuclide == "") {
					this.ruleForm.groupNuclide.push({
						ISMAXGRP001: item.hesu_group,
						ISDEPFLA_DRY: "TRUE",
						ISDEPFLA_WET: "TRUE",
					})
				} else {
					let obj = this.ruleForm.groupNuclide.find(
						(i) => i.ISMAXGRP001 == item.hesu_group
					)
					if (!obj) {
						this.ruleForm.groupNuclide.push({
							ISMAXGRP001: item.hesu_group,
							ISDEPFLA_DRY: "TRUE",
							ISDEPFLA_WET: "TRUE",
						})
					}
				}
				return {
					ISOTPGRP_NAM: item.hesu_name,
					ISOTPGRP_GRP: item.hesu_group,
					RDCORINV_COR: "",
				}
			})

			this.dialogVisible = false
		},
		changeCheck(item) {
			let obj = this.checkList.findIndex(
				(i) => item.hesu_name == i.hesu_name
			)
			// console.log(obj)
			if (obj == -1) {
				this.checkList.push(item)
			}
		},
		delcheck(index) {
			this.checkList.splice(index, 1)
		},
		delRow(row) {
			//删除核素
			// console.log(row)

			this.ruleForm.allNuclide.forEach((item, index) => {
				if (item.ISOTPGRP_NAM == row.ISOTPGRP_NAM) {
					this.ruleForm.allNuclide.splice(index, 1)
				}
			})
			this.checkList = this.ruleForm.allNuclide.map((item) => {
				return {
					hesu_name: item.ISOTPGRP_NAM,
					hesu_group: item.ISOTPGRP_GRP,
				}
			})

			// console.log(this.ruleForm.allNuclide)
			this.ruleForm.groupNuclide = []
			this.ruleForm.allNuclide.forEach((item) => {
				console.log(item)
				if (this.ruleForm.groupNuclide == "") {
					this.ruleForm.groupNuclide.push({
						ISMAXGRP001: item.ISOTPGRP_GRP,
						ISDEPFLA_DRY: "TRUE",
						ISDEPFLA_WET: "TRUE",
					})
					// console.log(this.ruleForm.groupNuclide)
				} else {
					let obj = this.ruleForm.groupNuclide.find(
						(i) => i.ISMAXGRP001 == item.ISOTPGRP_GRP
					)
					// console.log("groupNuclide", obj)
					if (!obj) {
						this.ruleForm.groupNuclide.push({
							ISMAXGRP001: item.ISOTPGRP_GRP,
							ISDEPFLA_DRY: "TRUE",
							ISDEPFLA_WET: "TRUE",
						})
					}
				}
			})
			// console.log(this.ruleForm.groupNuclide)
		},
		daoru() {
			this.$refs.file.click()
		},
	},
}
</script>
<style lang="scss" scoped>
.page-flex-row /deep/ .el-collapse-item__header {
	background: #f3f9fe;
	flex-direction: column;
}

.yun-row{
	width:100%;
	display:flex;
	.yun-col-12{
		width:50%;
	}
}
/deep/.el-table td{
	padding:6px 0;
}
/deep/.el-table .cell .el-form-item{
	margin-bottom:0;
}
.hsList {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	> div {
		width: 49%;
		padding: 20px;
		border: 1px solid #eef0f5;
		display: flex;
		flex-wrap: wrap;
		.hesuitem {
			width: 120px;
			display: flex;
			justify-content: flex-start;
			height: 40px;
			align-items: center;
		}
	}
}
#img-upload {
	display: none;
}
</style>